<template>
	<view>
		<view class="box2">
			<button class="sonbox2" onclick="alert('请先设置');">鸡蛋熟度</button>
			<button class="sonbox2">煮蛋时长</button>
			<button class="sonbox2">煮蛋天数</button>			
		</view>
		<view class="box2">
			<button class="sonbox1">剩余蛋个数</button>
			<button class="sonbox1">剩余水量</button>
		</view>
	</view>
</template>

<style>
	.text1{
		color: #000000;   //字体颜色
		font-size: 20px;  //字体大小
	}
	.box{
		width: 150px;
		height: 150px;
		margin-top: 10px;  //距离上方的距离
		background: #808080;
		color:#000000;
		font-size: 25px;
	}
	.box1{
		padding-left: 10px;  //盒子中字体与内边框的距离
		border: 2px solid #4CD964; //边框大小及颜色
	}
	.box2{
		display: flex
	}
	.sonbox1{
		display: flex;
		flex:1;     //平分
		height:100px;
		background-color: #808080;
		color: #000000;
		font-size: 25px;
		margin:25px;      //外边距
		margin-left: 200px;
		margin-right: 200px; 
		justify-content: center;    //内文字左右对齐
		align-items: center;        //内文字上下对齐
	}
	.sonbox2{
		display: flex;
		flex:1;     //平分
		height:100px;
		background-color: #808080;
		color: #000000;
		font-size: 25px;
		margin:100px;
		margin-left: 100px;
		margin-right: 100px; 
		justify-content: center;
		align-items: center;
	}
</style>